<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <div style="text-align: center;">
          <h1 class="title">欢迎进入『{{ title }}』</h1>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <div style="text-align: center;">
          <h3 class="time">{{ parseTime(new Date(), '{y}年{m}月{d}日') }}</h3>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      title: process.env.VUE_APP_TITLE
    };
  },
  created() {
    
  },
  methods: {

  }
};
</script>

<style scoped lang="scss">
.title {
  font-size: 50px;
  font-family: cursive;
}

.time {
  font-size: 30px;
  font-family: cursive;
  color: #999;
}

.home {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;
}
</style>
